<div class="portfolio">
	<figure>
		<img src="https://free-images.com/lg/521e/common_snowdrop_galanthus_nivalis.jpg"/>
	</figure>
	<figure>
		<img src="https://free-images.com/lg/521e/common_snowdrop_galanthus_nivalis.jpg"/>
	</figure>
	<figure>
		<img src="https://free-images.com/lg/521e/common_snowdrop_galanthus_nivalis.jpg"/>
	</figure>
	<figure>
		<img src="https://free-images.com/lg/521e/common_snowdrop_galanthus_nivalis.jpg"/>
	</figure>
	<figure>
		<img src="https://free-images.com/lg/521e/common_snowdrop_galanthus_nivalis.jpg"/>
	</figure>
	<figure>
		<img src="https://free-images.com/lg/521e/common_snowdrop_galanthus_nivalis.jpg"/>
	</figure>
	<figure>
		<img src="https://free-images.com/lg/521e/common_snowdrop_galanthus_nivalis.jpg"/>
	</figure>
</div>
<style>
img{
	width:256px;
	height:256px;
}
.portfolio{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
	grid-auto-rows:1fr;
	grid-gap:1em;
}
.portfolio > figure{
	margin:0;
}
</style>